/*
 * @Description: 
 * @Author: Cxy
 * @Date: 2024-02-23 10:52:45
 * @LastEditors: Cxy
 * @LastEditTime: 2025-08-13 16:18:43
 * @FilePath: \xy-admin\play\src\style\main.scss
 */
@use './base' as *;
@use './reset' as *;
@use './submenu' as *;
@use './transition' as *;

#app {
  width: 100vw;
  height: 100vh;
}

@media (hover: hover) {}

@media (min-width: 1024px) {}

@include media('smallScreen') {
  .layout-header-logo,
  .layout-naviga,
  .layout-header-center {
    display: none;
  }

  .layout-header {
    .layout-header-switch.layout-switch {
      display: inline-block;
    }

    .layout-header-setting {
      display: none;
    }
  }

  .layout-header-drawer.el-drawer {
    display: inline-block;
  }

  .layout-components-search-dialog {
    .el-dialog {
      width: 100%;
      height: 100%;
      margin: 0;
      display: flex;
      flex-direction: column;

      .el-dialog__header {
        .layout-components-search-dialog-header {
          .el-button {
            display: inline-block;
          }
        }
      }

      .el-dialog__body {
        flex: 1;

        .layout-components-search-dialog-main {
          max-height: 78vh;
        }
      }

      .el-dialog__footer {
        .layout-components-search-dialog-footer {
          justify-content: flex-end;

          div:first-child {
            display: none;
          }
        }
      }
    }
  }
}
